<!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">
   <title>Index</title>

   <script src="./js/jquery-1.8.3.min.js"></script>
   <script src="./js/swiper.min.js"></script>
   <link rel="stylesheet" href="./layui/css/layui.css">
   <link rel="stylesheet" href="./css/iconfont.css">
   <link rel="stylesheet" href="./css/animate.css">
   <link rel="stylesheet" href="./css/swiper.min.css">
   <link rel="stylesheet" href="./css/common.css">
   <link rel="stylesheet" href="./css/index.css">
   <script src="./js/wow.min.js"></script>
   <script type="text/javascript" src="./js/clipboard.min.js"></script>
   <script type="text/javascript" src="./layui/layui.js"></script>
</head>

<body>
   <header class="headerpage " data-load="header"></header>
   <main class="user_page  ">
      <section class="">
         <div class="layui-main">
            <div class="user_con">
               <div class="user_headpage" data-load="user_active_header"></div>
               <div class="right_main ">
                  <div class="d-flex jc-s al-c mb30">
                     <div>
                        <p class="ft24  ft-bold">报名表</p>
                     </div>
                     <button class="layui-btn  layui-bg-orange ">储存</button>
                  </div>
                  <div class="block_com" style="min-height: 80vh;">
                     <div class="uaps_t1 ft14 ft-bold mb20"> 報名表資訊是提供給主辦單位安排活動之用，電子票券仍是寄到訂購人信箱，如消費者有疑慮，請引導消費者至<a
                           class="orange_c">「修改個人資料」</a> 修改信箱地址</div>
                     <ul class="layui-row layui-col-space20 ">
                        <li class="layui-col-md6 layui-col-xs12 uaps_ul1">
                           <div class="item">
                              <p class="ft18 ft-bold mb20">您的報名表</p>
                              <div class="b1 block__list block__list_words">
                                 <form class=" layui-form ">
                                    <div class="layui-form-item">
                                       <div class="label "><span class="ft12">姓名</span>
                                       </div>
                                       <div>
                                          <input type="text" name="username" lay-verify="" placeholder=""
                                             autocomplete="off" class="layui-input">
                                       </div>
                                    </div>
                                    <div class="layui-form-item">
                                       <div class="label "><span class="ft12">電子郵件</span>
                                       </div>
                                       <div>
                                          <input type="text" name="username" lay-verify="" placeholder=""
                                             autocomplete="off" class="layui-input">
                                       </div>
                                    </div>
                                    <div class="layui-form-item">
                                       <div class="label "><span class="ft12">行動電話</span>
                                       </div>
                                       <div>
                                          <input type="text" name="username" lay-verify="" placeholder=""
                                             autocomplete="off" class="layui-input">
                                       </div>
                                    </div>
                                    <div class="d-flex flex-column" id="advanced-1">
                                       <ul>
                                          <li></li>
                                       </ul>
                                       <div class="item flex-column-center" style="padding-bottom: 1rem;">
                                          <div class="" style="width: 1rem;">
                                             <img src="images/move.png">
                                          </div>
                                          <p class="ft18 gary_c9 mt30">
                                             1.從右側拖拉您需要的欄位組件到這裡<br> 2.點選欄位進行編輯<br> 3.如要變更欄位順序，請自行拖拉
                                          </p>
                                       </div>
                                    </div>

                                 </form>
                              </div>
                           </div>
                        </li>
                        <li class="layui-col-md6 layui-col-xs12 uaps_ul1">
                           <div class="item">
                              <p class="ft18 ft-bold mb20">拖拉欄位組件</p>
                              <div class="b1">
                                 <div class="layui-tab layui-tab-brief">
                                    <ul class="layui-tab-title">
                                       <li class="layui-this">自定义表格栏位</li>
                                       <li>常用栏位</li>
                                    </ul>
                                    <div class="layui-tab-content">
                                       <div class="layui-tab-item layui-show block__list block__list_words">
                                          <ul id="advanced-2" class="layui-row layui-col-space20 ">
                                             <li class="layui-col-md6 layui-col-xs12 ">
                                                <div class="lan_item">
                                                   常用栏位
                                                </div>
                                             </li>
                                             <li class="layui-col-md6 layui-col-xs12 ">
                                                <div class="lan_item">
                                                   文字区块
                                                </div>
                                             </li>
                                             <li class="layui-col-md6 layui-col-xs12 ">
                                                <div class="lan_item">
                                                   单选栏位
                                                </div>
                                             </li>
                                             <li class="layui-col-md6 layui-col-xs12 ">
                                                <div class="lan_item">
                                                   复选栏位
                                                </div>
                                             </li>
                                             <li class="layui-col-md6 layui-col-xs12 ">
                                                <div class="lan_item">
                                                   下拉选单
                                                </div>
                                             </li>
                                          </ul>
                                       </div>
                                       <div class="layui-tab-item  block__list block__list_words">
                                          <ul id="advanced-3" class="layui-row layui-col-space20 ">
                                             <li class="layui-col-md6 layui-col-xs12 ">
                                                <div class="lan_item">
                                                   常用栏位
                                                </div>
                                             </li>
                                             <li class="layui-col-md6 layui-col-xs12 ">
                                                <div class="lan_item">
                                                   文字区块
                                                </div>
                                             </li>
                                             <li class="layui-col-md6 layui-col-xs12 ">
                                                <div class="lan_item">
                                                   单选栏位
                                                </div>
                                             </li>
                                             <li class="layui-col-md6 layui-col-xs12 ">
                                                <div class="lan_item">
                                                   复选栏位
                                                </div>
                                             </li>
                                             <li class="layui-col-md6 layui-col-xs12 ">
                                                <div class="lan_item">
                                                   下拉选单
                                                </div>
                                             </li>
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
      </section>
   </main>

</body>
<script src="./js/index.js"></script>
<script src="js/Sortable.js"></script>
<script src="st/app.js"></script>
<script>

</script>

</html>